/*--------标签属性--------*/
html {
	background: -webkit-linear-gradient(#333333, #222222) fixed;
	font-family:Helvetica;
	color: white;
	text-shadow: black 1px 1px 1px;
}
body{
	background: url('image/grid.png');
}
/*--------通用样式--------*/
#pause,#me,.confirm,.player,.card,.button,.avatar,.avatar2,.equip1,.equip2,.equip3,.equip4,.sidebar{
	border:1px solid rgba(0,0,0,0,3);
  	box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
	border-radius: 4px;
	background: -webkit-linear-gradient(#4b4b4b, #464646);
	background-size:100%;
}
[data-select='2']{
	box-shadow:0 1px 10px rgba(255,0,0,0.3);
}
.player[data-select='1']{
	box-shadow:0 1px 10px rgba(0,133,255,0.3);
}
.card[data-select='0'],.button[data-select='0'],.player[data-alive='0']{
	opacity: 0.6;
}
.cardCaption{
	opacity: 0;
}
div:hover>.cardCaption{
	opacity: 1;
}
/*--------选择窗口--------*/
.dialogContainer2{
	box-shadow:0 10px 0 -9px rgba(0,0,0,0.1),0 -10px 0 -9px rgba(0,0,0,0.1);
}
.confirm{
	background: rgba(255,255,255,0.8);
}
[data-style='avatar']{
	color: white;
}
[data-style='avatar']>p{
	opacity: 0;
}
[data-style='avatar']:hover>p{
	opacity: 1;
}
[data-style='card']{
	font-size: 16px;
	width: 90px;
	height: 90px;
	margin: 5px;
	position: relative;
}
/*--------角色内容--------*/
.player{
	color: white;
  	text-shadow: black 0 0 2px;
}
.player[data-flipped='1']>.avatar,
.player[data-flipped='1']>.name,
.player[data-flipped='1']>.hp,
.player[data-flipped='1']>.count{
	opacity: 0.3;
}
.equips>div>div{
	opacity: 0.6;
}
.equips>div>div[data-select='2']{
	opacity: 1;
}
.judges>[data-select='0']{
	opacity: 1;
}
.hp1>div{
	background: white;
	box-shadow:0px 1px 1px rgba(0,0,0,0.5);
    border:1px solid #fff;
	border-radius: 8px;
}
.hp2>div{
	background: rgba(128,128,128,0.3);
	box-shadow:0px 1px 1px rgba(0,0,0,0.5);
    border:1px solid #fff;
	border-radius: 8px;
	
}
.identity{
 	border-radius: 11px;
 	box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
}